<div class="header">
  <div class="zcon">
    <div class="head">
      <div class="logo"> <a href="{eyou:global name='web_cmsurl' /}/" title="{eyou:global name='web_name' /}"><img alt="{eyou:global name='web_name' /}" src="{eyou:global name='web_logo' /}" /></a> </div>
      <div class="center_intrl">
        <h4 class="">全网<b>企业微信</b>服务商</h4>
        <p>电脑端+手机端+微信端=数据同步管理</p>
      </div>
      <div class="top_tel">
        <p><i>免费咨询热线：</i><span>{eyou:global name='web_attr_1' /}</span></p>
      </div>
    </div>
  </div>
  <div class="nav">
    <div class="zcon">
      <ul class="nav-box" id="nav-box">
        <li class="first"><a href="{eyou:global name='web_cmsurl' /}/" title="">首页</a><span></span></li>
        {eyou:channelartlist type='top'}
        <li  class="drop-down"><a href="{eyou:field name='typeurl' /}">{eyou:field name='typename' /}</a><span></span>
          <ul class="drop-down-content">
            {eyou:channel type='son'}
            <li><a href="{$field.typeurl}">{$field.typename}</a></li>
            {/eyou:channel}
          </ul>
        </li>
        {/eyou:channelartlist}
      </ul>
    </div>
  </div>
  <a href="javascript:" id="pull" onclick=''><img src="{eyou:global name='web_templets_pc' /}/skin/css/img20170107/menu.png" title="menu" /></a>
  <div class="menu_bg" id="menu_bg"></div>
</div>
<div class="sidemenu" id="side-menu">
  <ul>
    <li class="homeli"><a href='{eyou:global name='web_cmsurl' /}/'>首页</a></li>
    {eyou:channel type="top" row="20" id="field" currentstyle="active"}
    <li class="{$field.currentstyle}"><a href='{$field.typeurl}'>{$field.typename}</a></li>
    {/eyou:channel}
  </ul>
</div>
<script type="text/javascript">
$(function(){
	$('#pull').click(function(){
		if(parseInt($("#side-menu").css("right"))<=-165)
		{
			$("#side-menu").animate({right:0},"fast").css("display","block");
			$("body").animate({right:165},"fast");
			$('#menu_bg').addClass('menu_bg_active');
		}
	})
	$('#menu_bg').click(function(){
		$("#side-menu").animate({right:-165},"fast").css("display","none");
		$("body").animate({right:0},"fast");
		$('#menu_bg').removeClass('menu_bg_active');
	})
})
</script>